<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>欢太官网</title>
    <link rel="stylesheet" href="../css/品牌介绍.css" />
    <link
      rel="shortcut icon"
      type="image/x-icon"
      href="//image.oppo.com/content/dam/heytap-brand/assets/favicon.ico"
    />
  </head>
  <body>
    <nav>
      <a href="首页.html"
        ><img
          src="https://image.oppo.com/content/dam/heytap-brand/assets/svg/logo.svg"
          alt=""
      /></a>\
      
      <ul>
        <li>
          <a href="首页.html">首页</a>
        </li>
        <li><a href="" style="color: black; font-weight: bold">品牌介绍</a></li>
        <li><a href="业务体系.html">业务体系</a></li>
        <li><a href="客户服务.html">客户服务</a></li>
        <li><a href="">中文</a></li>
      </ul>
    </nav>
    <section></section>
    <main>
      <h2>品牌介绍</h2>
      <p>
        欢太伴随万物互融时代而生，是以互联网为基础的全球综合性服务平台，为合作生态中的伙伴进行赋能和服务，现已推出包括软件商店、浏览器、云服务在内的多项服务和产品，业务覆盖全球40多个国家和地区，拥有超过4.4亿用户。
      </p>
      <div>
        欢太由广东欢太科技有限公司运营，该公司成立于2013年，总部位于广东省东莞市，在深圳、北京、上海、杭州、成都等地区均设有办事处。
      </div>
    </main>
    <div class="jiaozhu">
      <footer>
        <div class="left">
          <p>联系我们</p>
          <a href="客户服务.html">客户服务</a>
        </div>
        <div class="right">
          <p>法务信息</p>
          <a href="">侵权投诉政策</a>
          <a href="">隐私协议</a>
          <a href="">数据主体权利平台</a>
        </div>
        <span>©2021 HeyTap 版权所有 粤ICP备14012291号</span>
      </footer>
    </div>
    <input type="button" value="^" id="btn" />
    <script>
      let btn = document.querySelector("#btn");
      window.onscroll = function () {
        let scrollTop =
          document.documentElement.scrollTop || document.body.scrollTop;
        if (scrollTop >= 300) {
          btn.style.display = "block";
        } else {
          btn.style.display = "none";
        }
      };
      let timer = null;
      btn.onclick = function () {
        clearInterval(timer);

        timer = setInterval(() => {
          let iCur =
            document.documentElement.scrollTop || document.body.scrollTop;
          let iSpeed = -iCur / 4;
          iSpeed = Math.floor(iSpeed);
          document.documentElement.scrollTop = document.body.scrollTop =
            iCur + iSpeed;
          if (iCur == 0) {
            clearInterval(timer);
          }
        }, 20);
      };
    </script>
  </body>
</html>
